@import './common';

.bar-wrap {
  width: 750rpx;
  height: 88rpx;
}

.bar-box {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  // background-color: $subBgWin;
}

.bar {
  position: relative;
  width: 100%;  
  font-weight: bold;
}

.titleBar {
  width: 100%;
  height: 88rpx;
  text-align: center;
}

.bar-text{
  height: 88rpx;
  line-height: 84rpx;
}

.bar-back {
  position: absolute;
  top: 0rpx;
  left: 0rpx;
  width: 85rpx;
  height: 88rpx;
  box-sizing: border-box;
  padding: 25rpx 22rpx 0;
  z-index: 1000;
}

.back-icon {
  display: block;
  width: 36rpx;
  height: 36rpx;
}

/* nav titile */

.nav-box {
  height: 88rpx;
  justify-content: center;
}

.nav-box .icon-box {
  box-sizing: border-box;
  padding-top: 30rpx;
  padding-left: 10rpx;
}

.icon-box .sel-icon {
  display: block;
  width: 34rpx;
  height: 34rpx;
}

/* 弹框 */

.model-warp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  color: $subBgWin;
}

.model-warp .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 999;
}

.model-warp .container {
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 12rpx;
  z-index: 999;
}

.model-warp .container .box {
  position: relative;
  z-index: 1000;
  width: 447rpx;
  box-sizing: border-box;
  margin: 0 auto;
  background-color: #2D2D2D;
  color: #999999;
  border-radius: 12rpx;
}

.model-cell {
  height: 110rpx;
  line-height: 110rpx;
}

.model-text {
  height: 110rpx;
  line-height: 110rpx;
  margin-left: 83rpx;
  width: 250rpx;
}

.text-action {
  color: $mainColor;
}

.model-icon {
  display: block;
  width: 28rpx;
  height: 26rpx;
  margin-top: 42rpx;
}

/* 图表 */

.nav-box {
  box-sizing: border-box;
  padding: 0 60rpx;
  text-align: center;
}

.nav-item {
  padding: 16rpx 0;
}

.nav-text {
  box-sizing: border-box;
  padding: 10rpx 0;
  color: #999;
}

.nav-action {
  border-bottom: 6rpx solid $mainColor;;
  color: $mainColor;;
}

.canvas_view {
  // border-bottom: 1px solid #e0e0e0;
}

.canvas_chart {
  width: 100%;
  height: 260px;
}

.time-box {
  padding: 12rpx 0;
  font-size: 24rpx;
  color: #999;
  text-align: center;
}

/* 数据 */

.data-wrap {
  box-sizing: border-box;
  padding: 30rpx;
}

.data-box {
  padding: 50rpx 0 60rpx;
  background-color:#2D2D2D;
  border-radius: 15rpx;
}

.bold{
  color: $mainColor;
  text-align: center;
}

.bold-text{
  font-size: 80rpx;
}

.sub-text{
  padding-bottom: 50rpx;
  color:#999999;
  font-size:30rpx;
  text-align: center;
}

.tag-box{
  font-size: 24rpx;
  color: #666;

  .text-color{
    color: $textColor;
  }
}

.tag-item{
  box-sizing: border-box;
  padding-left: 104rpx;
}

.tag-item-last{
  padding: 14rpx 0 0;
}

.tag-icon{
  width: 26rpx;
  height: 26rpx;
  margin-right: 10rpx;
}